body{
	
	width:100%;
	overflow:hidden;
	
}



.hide{ display:none;}

.page{
	width:100%;
	height:100%;
	position:absolute;
	font-size:100px;
	text-align:center;
}

.page .wrap{
	height:500px;
}

.page-1-1,.page-2-1,.page-3-1,.page-4-1,.page-5-1,.page-6-1,.page-7-1,.page-8-1{ background-color:#FFF;position:absolute;z-index:1;}

.page-current{
	z-index:1;
}

.page-1-1 .img_1 {
    width:100%;
    height:16rem;
    background:url(../images/About_jsf/page_0_1.jpg) no-repeat;
    background-size:100% auto;
    position:absolute;
    left:0%;
    top:0%;
    z-index:2;
    display:block;
}
.page-1-1 .img_2 {
    width:100%;
    height:4rem;
    background:url(../images/About_jsf/page_0_2.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    left:0%;
    top:12.6rem;
    z-index:3;
    display:block;
}
.page-1-1 .img_3 {
    width:100%;
    height:16rem;
    background:url(../images/About_jsf/page_0_3.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    left:0%;
    top:16rem;
    z-index:4;
    display:block;
}
.page-1-1 .img_4 {
    width:100%;
    height:16rem;
    background:url(../images/About_jsf/page_0_4.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    left:0%;
    top:20rem;
    display:block;
}
.page-1-1 .img_5 {
    width:25px;
    height:1.8rem;
    background:url(../images/About_jsf/next.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    left:50%;
    top:93%;
    margin-left:-12px;
    display:block;
}
.page-2-1 .img_1 {
    width:100%;
    height:16rem;
    background:url(../images/About_jsf/page_1_1.jpg) no-repeat;
    background-size:100% auto;
    position:absolute;
    display:block;
    left:0%;
    top:0%;
    z-index:2;
}
.page-2-1 .img_2 {
    height:auto;width:100%;
    height:16rem;
    background:url(../images/About_jsf/page_1_bor.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    left:0%;
    top:16rem;
    display:block;
    z-index:3;
}
.page-2-1 .img_3 {
    height:auto;width:70px;
    height:16rem;
    background:url(../images/About_jsf/page_1_3.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    left:68%;
    top:14.2rem;
    display:block;
    z-index:4;
}
.page-2-1 .img_4 {
    height:auto;width:100%;
    height:16rem;
    background:url(../images/About_jsf/page_1_4.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    left:0%;
    top:19rem;
    display:block;
}
.page-2-1 .img_5 {
    height:auto;width:100%;
    height:16rem;
    background:url(../images/About_jsf/page_1_5.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    left:0%;
    top:20rem;
    display:block;
}
.page-2-1 .img_6 {
    height:auto;width:25px;
    height:1.8rem;
    background:url(../images/About_jsf/next.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    left:50%;
    top:92%;
    display:block;
}
.page-3-1 .img_1 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_2_1.jpg) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:0%;
    z-index:2;
    display:block;
}
.page-3-1 .img_2 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_1_bor.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    height:16rem;
    left:0%;
    top:16rem;
    z-index:3;
    display:block;
}
.page-3-1 .img_3 {
    height:auto;width:70px;
    background:url(../images/About_jsf/page_2_3.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    height:16rem;
    left:68%;
    top:14.2rem;
    z-index:4;
    display:block;
}
.page-3-1 .img_4 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_2_4.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:19rem;
    display:block;
}
.page-3-1 .img_5 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_2_5.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    height:16rem;
    left:0%;
    top:20rem;
    display:block;
}
.page-3-1 .img_6 {
    height:auto;width:25px;
    background:url(../images/About_jsf/next.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    height:1.8rem;
    left:50%;
    top:92%;
    display:block;
}
.page-4-1 .img_1 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_3_1.jpg) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:0%;
    z-index:2;
    display:block;
}
.page-4-1 .img_2 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_1_bor.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:16rem;
    z-index:3;
    display:block;
}
.page-4-1 .img_3 {
    height:auto;width:70px;
    background:url(../images/About_jsf/page_3_3.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    height:16rem;
    left:68%;
    top:14.2rem;
    z-index:4;
    display:block;
}
.page-4-1 .img_4 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_3_4.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    height:16rem;
    left:0%;
    top:19rem;
    display:block;
}
.page-4-1 .img_5 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_3_5.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    height:16rem;
    left:0%;
    top:20rem;
    display:block;
}
.page-4-1 .img_6 {
    height:auto;width:25px;
    background:url(../images/About_jsf/next.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    height:1.8rem;
    left:50%;
    top:92%;
    display:block;
}
.page-5-1 .img_1 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_4_1.jpg) no-repeat;
    background-size:100% auto;
    height:16rem; 	
    position:absolute;
    left:0%;
    top:0%;
    z-index:2;
    display:block;
}
.page-5-1 .img_2 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_1_bor.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:16rem;
    z-index:3;
    display:block;
}
.page-5-1 .img_3 {
    height:auto;width:70px;
    background:url(../images/About_jsf/page_4_3.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:68%;
    top:14.2rem;
    z-index:4;
    display:block;
}
.page-5-1 .img_4 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_4_4.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:19rem;
    display:block;
}
.page-5-1 .img_5 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_4_5.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:20rem;
    display:block;
}
.page-5-1 .img_6 {
    height:auto;width:25px;
    background:url(../images/About_jsf/next.png) no-repeat;
    background-size:100% auto;
    height:1.8rem;
    position:absolute;
    left:50%;
    top:92%;
    display:block;
}
.page-6-1 .img_1 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_5_1.jpg) no-repeat;
    background-size:100% auto;
    height:16rem;
    height:16rem;
    position:absolute;
    left:0%;
    top:0%;
    z-index:2;
    display:block;
}
.page-6-1 .img_2 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_1_bor.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:16rem;
    z-index:3;
    display:block;
}
.page-6-1 .img_3 {
    height:auto;width:70px;
    background:url(../images/About_jsf/page_5_3.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:68%;
    top:14.2rem;
    z-index:4;
    display:block;
}
.page-6-1 .img_4 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_5_4.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:19rem;
    display:block;
}
.page-6-1 .img_5 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_5_5.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:20rem;
    display:block;
}
.page-6-1 .img_6 {
    height:auto;width:25px;
    background:url(../images/About_jsf/next.png) no-repeat;
    background-size:100% auto;
    height:1.8rem;
    position:absolute;
    left:50%;
    top:92%;
    display:block;
}
.page-7-1 .img_1 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_6_1.jpg) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:0%;
    z-index:2;
    display:block;
}
.page-7-1 .img_2 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_1_bor.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:16rem;
    z-index:3;
    display:block;
}
.page-7-1 .img_3 {
    height:auto;width:70px;
    background:url(../images/About_jsf/page_6_3.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:68%;
    top:14.2rem;
    z-index:4;
    display:block;
}
.page-7-1 .img_4 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_7_4.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:19rem;
    display:block;
}
.page-7-1 .img_5 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_7_5.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:20rem;
    display:block;
}
.page-7-1 .img_6 {
    height:auto;width:25px;
    background:url(../images/About_jsf/next.png) no-repeat;
    background-size:100% auto;
    height:1.8rem;
    position:absolute;
    left:50%;
    top:92%;
    display:block;
}
.page-8-1 .img_1 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_7_1.jpg) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:0%;
    z-index:2;
    display:block;
}
.page-8-1 .img_2 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_1_bor.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:16rem;
    z-index:3;
    display:block;
  }
.page-8-1 .img_3 {
    height:auto;width:70px;
    background:url(../images/About_jsf/page_7_3.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:68%;
    top:14.2rem;
    z-index:4;
    display:block;
}
.page-8-1 .img_4 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_7_4.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:19rem;
    display:block;
}
.page-8-1 .img_5 {
    height:auto;width:100%;
    background:url(../images/About_jsf/page_7_5.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    position:absolute;
    left:0%;
    top:20rem;
    display:block;
}

.btn{width:90%;height:3rem;position:absolute;bottom:1rem;margin-left:5%;margin-right:5%;}
.btn a{width:45%;height:2.6rem;line-height:2.6rem;font-size:0.8rem;color:#FFF;text-align:center;display:block;background:#ff8896;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;float:left;}